<template>
    <div class="my-page">
        <topimg-vue></topimg-vue>
        <div class="main">
            <div class="mypage-infor">
                <myinformation-vue></myinformation-vue>
            </div>
            <div class="left">
                <left-vue></left-vue>
            </div>
            <div class="right">
                <right-vue></right-vue>
            </div>
        </div>
    </div>
</template>

<script>
import topimgVue from "@/components/Mypage/Topimg/Topimg"
import myinformationVue from "@/components/Mypage/MyInformation/MyInformation"
import leftVue from "@/components/Mypage/Left/Left"
import rightVue from "@/components/Mypage/Right/Right"
export default {
    components: {
        topimgVue,
        myinformationVue,
        leftVue,
        rightVue,
    }
}
</script>

<style scoped>
.my-page {
    background: #f5f6f7;
}
.main{
    width: 80%;
    margin: 0 auto;
}
.mypage-infor {

    margin-bottom: 30px;
}

.left {
    width: 400px;
}
</style>